<template>
	<view class="content">
		<view class="content_mcn">
			<view>
				<image src="../../../../static/YunCangImg/sing.png"></image>
				<span  @click="mcn()">
					进入了解
				</span>
			</view>
			<text>
				<h5>深圳天宇直播文化有限公司</h5>
				<span>公司简介公司简介公司简介公司简介公司简介公司简介公司简</span>
			</text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		mcn() {
			uni.navigateTo({
				// ? 后面加要传的参数， 多个参数用 & 隔开
				url: '../mechanism/mechanism'
			});
		}
	}
};
</script>

<style lang="scss">
.content {
	padding: 30upx;
	.content_mcn{
		    width: 690upx;
		    height: 468upx;
		    background: #FFFFFF;
		    box-shadow: 0px 3upx 30upx 0px rgba(204, 204, 204, 0.32);
		    border-radius: 20upx;
		image{
			width: 690upx;
			height: 360upx;
			border-radius: 20upx 20upx 0px 0px;
			border: 1px solid #C0C0C0;
			
		}
		uni-view{
			position: relative;
			span{
				background: linear-gradient(45deg, #E56E1F, #E50012);
				box-shadow: 0px 1upx 12upx 0px rgba(229, 0, 18, 0.26);
				border-radius: 30upx;
				font-size: 28upx;
				color: #FFFFFF;    
				padding: 12upx 30upx;
				    top: 71%;
				    position: absolute;
				    left: 70%;
			}
		}
		uni-text{
			text-indent: 30upx;
			h5{
				width: 390upx;
				height: 26upx;
				font-size: 26upx;
				font-family: Microsoft YaHei UI;
				font-weight: 400;
				color: #333333;
			}
			span{
				width: 626upx;
				height: 30upx;
				font-size: 22upx;
				font-family: Microsoft YaHei UI;
				font-weight: 400;
				color: #666666;
				display: inline-block;
				overflow: hidden;
				    text-overflow: ellipsis; 
				    -o-text-overflow: ellipsis;
				    white-space:nowrap;
			}
		}
	}
}
</style>
